<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东商城</title>
    <link rel="stylesheet" href="./styles/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./styles/index.css">
    <link rel="stylesheet" href="./styles/main.css">
</head>

<body>
    <!-- 定位，登录，注册 -->
    <section class="my-info">
        <section class="my-info_content">
            <div class="my-info_content_left">
                <div class="title">
                    <i class="fa fa-map-marker"></i>
                    <span>江苏</span>
                </div>
                <div class="content"></div>
            </div>

            <div class="my-info_content_right">
                <div>你好，请登录&nbsp;&nbsp;<span class="red">免费注册</span></div>
                <div>|</div>
                <div>我的订单</div>
                <div>|</div>
                <div class="parent">
                    <div class="title">我的京东 <i class="fa fa-angle-down"></i> </div>
                    <div class="content one">one</div>
                </div>
                <div>|</div>
                <div>京东会员</div>
                <div>|</div>
                <div class="parent">
                    <div class="title red">企业采购<i class="fa fa-angle-down"></i></div>
                    <div class="content two">two</div>
                </div>
                <div>|</div>
                <div class="parent">
                    <div class="title">客户服务<i class="fa fa-angle-down"></i></div>
                    <div class="content three">three</div>
                </div>
                <div>|</div>
                <div class="parent">
                    <div class="title">网站导航<i class="fa fa-angle-down"></i></div>
                    <div class="content four">four</div>
                </div>
                <div>|</div>
                <div class="parent">
                    <div class="title">手机京东</div>
                    <div class="imagebg">
                        <div class="top"></div>
                        <div class="img-parent">
                            <img src="./images/背景(2)" alt="">
                        </div>

                    </div>
                    <div class="content five">five</div>
                </div>

            </div>
        </section>
    </section>
    <!-- 搜索框 -->
    <section class="index-search">
        <section class="index-search_content">
            <div class="index-search_content_left">
                <div class="index-search_content_left_img">

                </div>
            </div>
            <div class="index-search_content_search">
                <div class="index-search_content_search_txt">

                    <div class="index-search_content_search_button">
                        <i class="fa fa-search fa-lg"></i>
                    </div>
                    <i class="fa fa-camera fa-2x"></i>
                </div>

            </div>
            <div class="index-search_content_shop">
                <i class="fa fa-shopping-cart"></i> &nbsp;&nbsp;我的购物车
            </div>
            <div class="index-searchMenu">
                <ul>
                    <li class="hand">劲爆大放价</li>
                    <li class="hand">进口日</li>
                    <li class="hand">电脑数码</li>
                    <li class="hand">立秋盛典</li>
                    <li class="hand">精选日用</li>
                    <li class="hand">818神券</li>
                    <li class="hand">跑步机</li>
                    <li class="hand">大牌宠粉</li>
                    <li class="hand">3件88折</li>
                </ul>
            </div>
            <div class="index-searchMenu-big changeRed">
                <ul>
                    <li>秒杀</li>
                    <li>优惠券</li>
                    <li>PLUS会员</li>
                    <li>品牌闪购</li>
                    <li>拍卖</li>
                    <li>京东家电</li>
                    <li>京东超市</li>
                    <li>京东生鲜</li>
                    <li>京东国际</li>
                    <li>京东金融</li>
                </ul>
            </div>

            <!-- <div class="index-search_content_right">

            </div> -->

        </section>

    </section>
    <!-- 首页推送框 -->
    <div class="container-one">
        <!-- 文字选择区域 -->
        <div class="container-one_left">
            <ul>
                <li> <span>家用电器</span> </li>
                <div class="container-one_left_detail">11</div>
                <li><span>手机</span>&nbsp;/&nbsp;<span>运营商</span>&nbsp;/&nbsp;<span>数码</span></li>
                <div class="container-one_left_detail">22</div>
                <li><span>电脑</span>&nbsp;/&nbsp;<span>办公</span></li>
                <div class="container-one_left_detail">33</div>
                <li><span>家居</span>&nbsp;/&nbsp;<span>家具</span>&nbsp;/&nbsp;<span>家装</span>&nbsp;/&nbsp;<span>厨具</span></li>
                <div class="container-one_left_detail">44</div>
                <li><span>男装</span>&nbsp;/&nbsp;<span>女装</span>&nbsp;/&nbsp;<span>童装</span>&nbsp;/&nbsp;<span>内衣</span></li>
                <div class="container-one_left_detail">55</div>
                <li><span>美妆</span>&nbsp;/&nbsp;<span>个人护理</span>&nbsp;/&nbsp;<span>宠物</span></li>
                <div class="container-one_left_detail">66</div>
                <li><span>女鞋</span>&nbsp;/&nbsp;<span>箱包</span>&nbsp;/&nbsp;<span>钟表</span>&nbsp;/&nbsp;<span>珠宝</span></li>
                <div class="container-one_left_detail">77</div>
                <li><span>男鞋</span>&nbsp;/&nbsp;<span>运动</span>&nbsp;/&nbsp;<span>户外</span></li>
                <div class="container-one_left_detail">88</div>
                <li><span>房产</span>&nbsp;/&nbsp;<span>汽车</span>&nbsp;/&nbsp;<span>汽车用品</span></li>
                <div class="container-one_left_detail">99</div>
                <li><span>母婴</span>&nbsp;/&nbsp;<span>玩具乐器</span></li>
                <div class="container-one_left_detail">10</div>
                <li><span>食品</span>&nbsp;/&nbsp;<span>酒类</span>&nbsp;/&nbsp;<span>生鲜</span>&nbsp;/&nbsp;<span>特产</span></li>
                <div class="container-one_left_detail">1111111</div>
                <li><span>艺术</span>&nbsp;/&nbsp;<span>礼品鲜花</span>&nbsp;/&nbsp;<span>农资绿植</span></li>
                <div class="container-one_left_detail">1212</div>
                <li><span>医药保健</span>&nbsp;/&nbsp;<span>计生情趣</span></li>
                <div class="container-one_left_detail">1313</div>
                <li><span>图书</span>&nbsp;/&nbsp;<span>文娱</span>&nbsp;/&nbsp;<span>教育</span>&nbsp;/&nbsp;<span>电子书</span></li>
                <div class="container-one_left_detail">1414</div>
                <li><span>机票</span>&nbsp;/&nbsp;<span>酒店</span>&nbsp;/&nbsp;<span>旅游</span>&nbsp;/&nbsp;<span>生活</span></li>
                <div class="container-one_left_detail">1515</div>
                <li><span>理财</span>&nbsp;/&nbsp;<span>众筹</span>&nbsp;/&nbsp;<span>白条</span>&nbsp;/&nbsp;<span>保险</span></li>
                <div class="container-one_left_detail">1616</div>
                <li><span>安装</span>&nbsp;/&nbsp;<span>维修</span>&nbsp;/&nbsp;<span>清洗</span>&nbsp;/&nbsp;<span>二手</span></li>
                <div class="container-one_left_detail">1717</div>
                <li><span>工业品</span></li>
                <div class="container-one_left_detail">181818</div>
            </ul>
            <!-- <div class="container-one_left_detail"></div> -->
        </div>
        <!-- 图片区域 -->
        <div class="container-one_main">
            <div class="container-one_main_left hand"></div>
            <div class="container-one_main_right">
                <div class="container-one_main_right_p hand"><img src="./images/afe423fce05626e5.jpg.webp" alt=""></div>
                <div class="container-one_main_right_p hand"><img src="./images/14a113130a6f3fab.jpg.webp" alt=""></div>
                <div class="container-one_main_right_p hand"><img src="./images/2765d677f631b92f.jpg.webp" alt=""></div>
            </div>
        </div>
        <!-- 登录区域 -->
        <div class="container-one_right">
            <div class="container-one_right_login">
                <div class="container-one_right_login_icon hand"></div>
                <p class="hand">Hi~欢迎逛京东！</p>
                <a href="">登录</a>&nbsp;|&nbsp;<a href="">注册</a>
                <div class="container-one_right_login_button">
                    <div class="container-one_right_login_button_new hand">新人福利</div>
                    <div class="container-one_right_login_button_plus hand">PLUS会员</div>
                </div>
            </div>
            <!-- 京东快报 -->
            <div class="container-one_right_news">
                <h3>京东快报</h3><a href="#">更多></a>
                <a href="" class="container-one_right_news_li"><span>热评</span>秋叶原VGA转HDMI...</a>
                <a href="" class="container-one_right_news_li"><span>推荐</span>票友圈装优雅不叫真...</a>
                <a href="" class="container-one_right_news_li"><span>热门</span>酸奶我pick蒙牛纯甄...</a>
                <a href="" class="container-one_right_news_li"><span>最新</span>每天呼吸新鲜空气,...</a>
            </div>
            <!-- 小图标 -->
            <div class="container-one_right_pic">
                <div class="container-one_right_pic_small hand"><img src="./images/eed6f6cbf1de3aaa.png" alt=""><span>话费</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/afb4399323fe3b76.png" alt=""><span>机票</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/5fee386254dd2ebc.png" alt=""><span>酒店</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/caa83ce9b881cd24.png" alt=""><span>游戏</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/f1f6dc5c207329f9.png" alt=""><span>加油卡</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/0004c1b85fbf7bde.png" alt=""><span>火车票</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/1d0957d7f2ae01a2.png" alt=""><span>众筹</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/d4d1151b09b5553b.png" alt=""><span>理财</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/e6976f3cb30c9a8a.png" alt=""><span>白条</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/dd4d9ef7ce8fc169.png" alt=""><span>电影票</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/d6f3909618c6307a.png" alt=""><span>企业购</span></div>
                <div class="container-one_right_pic_small hand"><img src="./images/97917a2daa34be0f.png" alt=""><span>礼品卡</span></div>
            </div>
        </div>
    </div>
    <!-- 限时秒杀 -->
    <div class="container-two">
        <div class="container-two_seckill hand">
            <div class="container-two_seckill_title">京东秒杀</div>

            <div class="container-two_seckill_count">
                <div class="container-two_seckill_count_txt"><strong>18:00</strong>&nbsp;点场&nbsp;倒计时</div>
                <div class="container-two_seckill_count_num"><span>01</span> <span>:</span>
                    <span>04</span> <span>:</span>
                    <span>15</span>
                </div>
            </div>
        </div>
        <div class="container-two_pic"><img src="./images/9440c0b9e67552bf.jpg.webp" alt=""><span>【抖友同款 折叠储物神器】...</span><br>
            <span class="container-two_pic_span2">9.9</span><span class="container-two_pic_span3">￥32.90</span></div>
        <div class="container-two_pic"><img src="./images/8d64aa75c2bd3f97.jpg.webp" alt=""><span>三星 Galaxy S20 5G (SM-G...</span><br>
            <span class="container-two_pic_span2">6949.00</span><span class="container-two_pic_span3">￥6999.00</span></div>
        <div class="container-two_pic"><img src="./images/6f6d4c6849ab264f.jpg.webp" alt=""><span>奥迪双钻(AULDEY)儿童...</span><br>
            <span class="container-two_pic_span2">179.00</span><span class="container-two_pic_span3">￥199.00</span></div>
        <div class="container-two_pic"><img src="./images/2d314844bf75cd09.jpg.webp" alt=""><span>【10档调磁】 擦玻璃神器双...</span><br>
            <span class="container-two_pic_span2">96.90</span><span class="container-two_pic_span3">￥169.00</span></div>
        <div class="container-two_pic"><img src="./images/d442e59402d20fcd.jpg.webp" alt="">
            <h2>一加秒杀专场</h2>
            <p>全场至高优惠600元</p>
            <div class="container-two_pic_red">
                <a href="">大牌闪购></a>
            </div>
        </div>
    </div>
    <!-- 每日特价 品牌闪购-->
    <div class="container-three">
        <div class="container-three_spoffer">
            <div class="container-three_spoffer_head">
                <div class="container-three_spoffer_head_one hand">
                    <h3>每日特价</h3>
                    <i></i></div>

            </div>
            <div class="container-three_spoffer_content">
                <div class="container-three_spoffer_content_rightTop">
                    <a href="">精选</a>
                    <a href="">美食</a>
                    <a href="">百货</a>
                    <a href="">个护</a>
                    <a href="">预告</a>
                </div>
                <div class="container-three_spoffer_content_left hand">
                    <div class="container-three_spoffer_content_left_title">
                        22天最低价
                    </div>
                    <div class="container-three_spoffer_content_left_img">
                    </div>
                    <div class="container-three_spoffer_content_left_intro">
                        <span>豆豆鞋男真皮镂空透气</span>
                        <p></p>
                        <span>￥</span><span>99</span>&nbsp;<span>￥168</span>
                    </div>

                </div>
                <div class="container-three_spoffer_content_right">
                    <div class="container-three_spoffer_content_right_block hand">
                        <div class="container-three_spoffer_content_right_block_img">
                            <img src="./images/8b3b653b799584dc.jpg!q70.jpg.webp" alt="">
                            <div class="container-three_spoffer_content_right_block_img_one">321天最低价</div>
                        </div>
                        <div class="container-three_spoffer_content_right_block_right">
                            <span class="one">短袖T恤男 套装 运动 新款</span>
                            <br>
                            <span class="two">￥</span><span class="three">69</span>
                            <br>
                            <span class="four">￥188.88</span>
                        </div>
                    </div>
                    <div class="container-three_spoffer_content_right_block hand">
                        <div class="container-three_spoffer_content_right_block_img">
                            <img src="./images/8de157d9f4aa4d75.jpg!q70.jpg.webp" alt="">
                        </div>
                        <div class="container-three_spoffer_content_right_block_right">
                            <span class="one">5瓶装 美白 抗皱 祛痘 淡纹</span>
                            <br>
                            <span class="two">￥</span><span class="three">38</span>
                            <br>
                            <span class="four">￥88</span>
                        </div>
                    </div>
                    <div class="container-three_spoffer_content_right_block hand">
                        <div class="container-three_spoffer_content_right_block_img">
                            <img src="./images/78a9cb0b101b3f50.jpg!q70.jpg.webp" alt="">
                            <div class="container-three_spoffer_content_right_block_img_one">
                                329天最低价
                            </div>
                        </div>
                        <div class="container-three_spoffer_content_right_block_right">
                            <span class="one">led省电老式挂钩超亮卡口</span>
                            <br>
                            <span class="two">￥</span><span class="three">3.6</span>
                            <br>
                            <span class="four">￥10.82</span>
                            <span class="five">已抢<span>210</span>件</span>
                        </div>

                    </div>
                    <div class="container-three_spoffer_content_right_block hand">
                        <div class="container-three_spoffer_content_right_block_img">
                            <img src="./images/6998233b9ca5bfdb.jpg!q70.jpg.webp" alt="">
                        </div>
                        <div class="container-three_spoffer_content_right_block_right">
                            <span class="one">富贵鸟 夏季 棉麻唐装套装</span>
                            <br>
                            <span class="two">￥</span><span class="three">78</span>
                            <br>
                            <span class="four">￥148</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-three_rush">
            <div class="container-three_spoffer_head">
                <div class="container-three_spoffer_head_one hand">
                    <h3>品牌闪购</h3>
                    <i></i></div>
                <div class="container-three_rush_left hand">
                    <img src="./images/1dce872db0b4be74.png!cc_70x35.webp" alt="" class="one">
                    <h6>潮流女包大牌闪购</h6>
                    <div>低至5折 | 仅剩 2 天</div>
                    <img src="./images/9dfa1997774e1547.jpg!cc_130x130.webp" alt="" class="two">
                </div>
                <div class="container-three_rush_right">

                    <div class="container-three_rush_right_block hand"><img src="./images/90af6af78e68b3f3.png!cc_300x150.webp" alt="">
                        <h6>品质牛奶专场</h6>
                    </div>
                    <div class="container-three_rush_right_block hand"><img src="./images/dd3e1643a8ce8e50.png!cc_300x150.webp" alt="">
                        <h6>安踏童装秋装上新</h6>
                    </div>


                    <div class="container-three_rush_right_block hand"><img src="./images/92b1e3668191e84e.png!cc_300x150.webp" alt="">
                        <h6>电竞游戏装备日</h6>
                    </div>
                    <div class="container-three_rush_right_block hand"><img src="./images/de3eefd6a86d8e6e.png!cc_300x150.webp" alt="">
                        <h6>大牌狂暑嗨吃联盟</h6>
                    </div>


                    <div class="container-three_rush_right_block hand"><img src="./images/8e594f3904df625b.png!cc_300x150.webp" alt="">
                        <h6>月印百川手串专场</h6>
                    </div>
                    <div class="container-three_rush_right_block hand"><img src="./images/41523472e3cf44e6.png!cc_300x150.webp" alt="">
                        <h6>居家布艺大牌闪购</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 发现好货 -->
    <div class="container-goodthing">
        <div class="container-goodthing_left hand">
            <div class="container-goodthing_left_title hand">
                <div class="container-goodthing_left_title_text">
                    探索新生活
                    <i></i>
                </div>
            </div>
        </div>
        <div class="container-goodthing_rigth-down hand">
            <div class="container-goodthing_rigth-down_img"><img src="./images/4d707a9808ee2cd0.png.webp" alt=""></div>
            <div class="container-goodthing_rigth-down_text">AB 多功能可折叠 仰...</div>
        </div>
        <div class="container-goodthing_rigth-up hand">
            <div class="container-goodthing_rigth-up_text">荣耀Play4 锐力四射...</div>
            <div class="container-goodthing_rigth-up_img"><img src="./images/19a858614ea9b1ff.jpg!q70.jpg.webp" alt=""></div>

        </div>
        <div class="container-goodthing_rigth-down hand">
            <div class="container-goodthing_rigth-down_img"><img src="./images/5a29b022Nb62fbe31.jpg!q70.jpg.webp" alt=""></div>
            <div class="container-goodthing_rigth-down_text">华为独立通话智能男表...</div>
        </div>
        <div class="container-goodthing_rigth-up hand">
            <div class="container-goodthing_rigth-up_text">YOR 可躺 人体工学椅...</div>
            <div class="container-goodthing_rigth-up_img"><img src="./images/5b6cee06N34534980.jpg!q70.jpg.webp" alt=""></div>

        </div>
        <div class="container-goodthing_rigth-down hand">
            <div class="container-goodthing_rigth-down_img"><img src="./images/5bfaa26fN9b773fd9.jpg!q70.jpg.webp" alt=""></div>
            <div class="container-goodthing_rigth-down_text">海南 野生 仙人掌果</div>
        </div>
    </div>
    <!-- 新品首发 排行榜等等 -->
    <div class="container-four">
        <div class="container-four_one container-four_child">
            <div class="container-four_child_head">
                <a href="">
                    <h3>新品首发</h3>
                    <i></i>
                </a>

            </div>
            <div class="container-four_one_detail">
                <div class="container-four_one_detail_smallLeft"><img src="./images/e02f1bb12d7f199b.jpg!cc_120x120.webp" alt="" class="changeImg"></div>
                <div class="container-four_one_detail_main hand">
                    <div class="container-four_one_detail_big ">
                        <img src="./images/af9f4ee8aca2c2b7.jpg!cc_120x120.webp" alt="" class="changeImg">
                    </div>
                    <div class="container-four_one_detail_title">
                        <p class="one">360儿童电话手表9X 智能语音...</p>
                        <p>来这里发现更多新品</p>
                        <p><span>￥</span>499.00起</p>
                    </div>
                </div>
                <div class="container-four_one_detail_smallRight"><img src="./images/848701d7a4361a64.jpg!cc_120x120.webp" alt="" class="changeImg"></div>

            </div>
        </div>
        <div class="container-four_two container-four_child">
            <div class="container-four_child_head">
                <a href="">
                    <h3>排行榜</h3>
                    <i></i>
                </a>

            </div>
        </div>
        <div class="container-four_three container-four_child">
            <div class="container-four_child_head">
                <a href="">
                    <h3>逛好店</h3>
                    <i></i>
                </a>

            </div>
        </div>
        <div class="container-four_four container-four_child">
            <div class="container-four_child_head">
                <a href="">
                    <h3>领券中心</h3>
                    <i></i>
                </a>

            </div>
        </div>
    </div>
</body>

</html>